import React from "react";

const BarChart = props => (
  <svg width={12} height={13} {...props}>
    <path
      d="M9.157 12.492V4.406c0-.096.076-.175.17-.175h1.213c.094 0 .17.079.17.175v8.086H9.157zm-3.922 0V8.07c0-.097.077-.175.17-.175H6.62c.093 0 .17.078.17.175v4.422H5.235zm-3.92 0v-2.29c0-.097.076-.175.17-.175h1.212c.094 0 .17.078.17.175v2.29H1.315zm10.433 0h-.543V4.406a.675.675 0 0 0-.665-.682H9.327a.675.675 0 0 0-.665.682v8.086H7.284V8.07a.675.675 0 0 0-.665-.683H5.406a.675.675 0 0 0-.665.683v4.422H3.363v-2.29a.675.675 0 0 0-.666-.683H1.484a.675.675 0 0 0-.665.683v2.29H.247a.25.25 0 0 0-.247.254c0 .14.11.254.247.254h11.5a.25.25 0 0 0 .248-.254.25.25 0 0 0-.247-.254zM2.369 7.07a.243.243 0 0 0 .175-.075L6.817 2.61l.922.946c.097.1.254.1.35 0L10.71.866v.86c0 .14.11.253.247.253a.25.25 0 0 0 .248-.254V.267a.257.257 0 0 0-.073-.193.243.243 0 0 0-.187-.073L10.933 0H9.436a.25.25 0 0 0-.248.254c0 .14.111.254.248.254h.924l-2.446 2.51-.922-.947a.244.244 0 0 0-.35 0L2.194 6.636a.259.259 0 0 0 0 .359c.048.05.112.074.175.074"
      fill={props.color || '#000'}
      fillRule="evenodd"
    />
  </svg>
);

export default BarChart;
